.wrapBox{}
.formGroup.create{ padding:25px 0 30px 38px; border-bottom:1px solid #edefee; overflow:hidden}
.formGroup.create .col{ position:relative; float:left; margin-right:10px;}
.formGroup.create .col .pt{ position:absolute; top:7px; right:7px;}
.formGroup.create .col .pt.c{ right:18px;}
.formGroup.create .col .formInp{ width:50px; padding-left:10px;}
.formGroup.create .col .option{ float:left; margin-right:25px; margin-top:7px;}
.formGroup.create .col .option input{ vertical-align:middle; margin-right:2px;}
.lt-ie10 .formGroup.create .col .option input{ position:relative; top:-1px; margin-right:3px;}
#createSeatBtn{ float:right; display:block; width:160px; height:32px; line-height:32px; margin-right:39px; background:#2a98da; color:#fff; text-align:center; border-radius:3px;}
#createSeatBtn:hover{ text-decoration:none}
#saveBtn{display:block; width:160px; height:34px; line-height:34px; margin:20px auto 50px; background:#2a98da; color:#fff; text-align:center; border-radius:3px;}
#saveBtn:hover{ text-decoration:none}
#stageWrap{ position:relative; padding:39px; background:#fff;}
#stageWrap .box{ text-align:center; margin-bottom:1px; cursor:default; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
#stageWrap .box.stageBox,#stageWrap .box.stage-col-head-box{ float:left; margin-right:1px; }
#stageWrap .stageUlW{ width:100%; overflow:hidden; position:relative}
#stageWrap .stageUl{ position:relative; overflow:hidden}
#stageWrap .stageUl .box{ position:relative; float:left;  background:#d1d1d1; color:#fff;}
#stageWrap .stageUl .box .state{ position:absolute; top:6px; left:8px;}
#stageWrap .stageUl .box .t{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:12px; line-height:12px;}
#stageWrap .stageUl .box .boxCon{ position:relative; height:36px; overflow:hidden; border:1px solid #cff3ff}
#stageWrap .stageUl .box.selected .boxCon{ border-color:#fff}
#stageWrap .stageUl .box .gou{ display:none; position:absolute; top:2px; right:2px; color:#fff; line-height:16px;}
#stageWrap .stageUl .box.selected{ }
#stageWrap .stageUl .box.selected .gou{ display:inline-block}

#stageWrap .box .numInp{ width:36px; height:36px; line-height:22px; text-align:center; color:#f37138; background:#fff; border:1px solid #f37138; padding:0; margin:0}
.lt-ie10 #stageWrap .box .numInp{ line-height:36px;}
#stageWrap .stage-col-head{ position:absolute; top:0px; left:0px; right:0px; height:38px; overflow:hidden; padding:0 39px; background:#f6f7fb}
#stageWrap .stage-col-head .con{ width:100%; overflow:hidden;}
#stageWrap .stage-col-head .scrollBtn{ display:block; position:absolute; top:0; width:39px; height:39px; line-height:40px; cursor:pointer; text-align:center}
#stageWrap .stage-col-head .scrollBtn:hover .iconfont{ color:#0897d9}
#stageWrap .stage-col-head .scrollBtn.lt{ left:0;}
#stageWrap .stage-col-head .scrollBtn.right{ right:0;}
#stageWrap .stage-col-head .sUl{ position:relative; width:100%; overflow:hidden;}
#stageWrap .stage-col-head .box{ margin-bottom:0}
#stageWrap .stage-row-head{ position:absolute; top:39px; background:#f6f7fb}
#stageWrap .stage-row-head.left{ left:0;}
#stageWrap .stage-row-head.right{ right:0;}
#areaHeadWrap{ overflow:hidden; padding:0 38px 0 39px; background:#f0f1f7; border-bottom:1px solid #e1e2e5}
#areaHeadWrap .areaLi{ float:left; height:38px; line-height:38px; margin-right:25px;}
#areaHeadWrap .areaLi:last-child{margin-right:0}
#areaHeadWrap .areaLi .color{ display:block; float:left; width:13px; height:13px; font-size:0;  margin-top:13px; margin-right:3px;}
#areaHeadWrap .areaLi .t{ display:block; float:left;}
#areaHeadWrap .areaLi .sicon{ float:left; margin-right:2px; position:relative; top:-1px;}
#areaHeadWrap .areaLi .sicon .iconfont{ font-size:20px; color:#3eba40}
#areaHeadWrap .areaLi .sicon.saved .iconfont{ top:2px; margin-right:-1px; font-size:19px;}
#areaHeadWrap .areaLi.state{ float:right; margin-left:20px; margin-right:0}

.btnGroup{ padding-top:20px; border-top:1px solid #edefee}

#contextMenuWrap{ display:none; position:fixed; z-index:10001; top:0; left:0; bottom:0; right:0; background:none}
#contextMenuWrap .menuUl{ position:absolute; width:140px; background:#eee; border:1px solid #ccc;}
#contextMenuWrap .menuLi{ height:28px; line-height:28px; overflow:hidden; cursor:pointer; padding:0 5px 0 15px; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
#contextMenuWrap .menuLi:hover{ background:#2a98da; color:#fff}
#contextMenuWrap .menuLi.setVenueMenuLi.unable{ background:#e0e0e0; color:#a0a0a0; cursor:default;}
#contextMenuWrap .menuLi.setVenueMenuLi.unable .iconfont{ color:#a0a0a0}
#contextMenuWrap .menuLi.setVenueMenuLi.unable:hover{ background:#e0e0e0; color:#a0a0a0}
#contextMenuWrap .menuLi .iconfont{ float:right; font-size:16px; top:1px; margin-right:1px; color:#6a6e70}
#contextMenuWrap .menuLi:hover .iconfont{ color:#fff}

/* 设置坐位 */
#setSeatWrap{ display:none; position:absolute; left:300px; top:100px; z-index:10002; background:#f7f7f7; border:1px solid #dbdbdb}
#setSeatWrap .con{ width:120px; padding:10px 0px 0 10px;}
#setSeatWrap .box{ width:100%; overflow:hidden; padding-bottom:8px}
#setSeatWrap .box .lt{ display:block; width:40px; float:left; margin-top:5px;}
#setSeatWrap .box .rt{ float:left;}
#setSeatWrap .box.areaBox .setSeatSelect{ position:relative; z-index:10001; width:98px; height:32px; line-height:32px;}
#setSeatWrap .box.seatBox .formInp{ width:50px; padding:4px 5px; text-align:center}
#setSeatWrap .butLine{ width:100%; overflow:hidden; margin-top:2px; border-top:1px solid #bdbdbd; text-align:center;}
#setSeatWrap .butLine .btn{ display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; }
#setSeatWrap .butLine .btn:hover{ color:#2a98da}

#stageUl .sicon{ display:inline-block; width:24px; height:24px; line-height:24px; border-radius:50%; background:#fff; text-align:center}
#stageUl .sicon .iconfont{ color:#3eba40; font-size:16px;}





